<template>
  <div class="safety">
    <div class="header-warpper" @click="$router.back(-1)">
      <img src="../../assets/l_jt.png" alt>
      <span>添加账户</span>
    </div>
    <div class="payment-wrap">
      <div class="pay_list" @click="$router.push('/add_bank')">
          <div class="f-flex">
              <img class="ns1" src="../../assets/mm01.png" alt="">
              <span>银行账号</span>
          </div>
          <img class="ns2" src="../../assets/r_jt.png" alt="">
      </div>
      <div class="pay_list" @click="$router.push('/add_zfb')">
          <div class="f-flex">
              <img class="ns1" src="../../assets/zfb.png" alt="">
              <span>支付宝账号</span>
          </div>
          <img class="ns2" src="../../assets/r_jt.png" alt="">
      </div>
      <div class="pay_list" @click="$router.push('/add_wx')">
          <div class="f-flex">
              <img class="ns1" src="../../assets/wx.png" alt="">
              <span>微信账号</span>
          </div>
          <img class="ns2" src="../../assets/r_jt.png" alt="">
      </div>
    </div>
    <div style="height:1.333333rem"></div>
    <Tabbar :idx="5"/>
  </div>
</template>

<script>
// @ is an alias to /src
import Tabbar from "@/views/public/Tabbar.vue";

export default {
  name: "Add_pay",
  components: {
    Tabbar
  },
  data() {
    return {};
  },
  created: function() {},
  mounted() {},
  methods: {
    //   isShow第一个,!isShow第二个
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.f-flex {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.red_btn {
  width: 92%;
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.safety {
  .pay_list{
      .f-flex();
      justify-content: space-between;
      height:1.546667rem;
      position: relative;
      &:after{
              content: " ";
                position: absolute;
                pointer-events: none;
                box-sizing: border-box;
                left: 1.39rem;
                right: 0;
                bottom: 0;
                -webkit-transform: scaleY(.5);
                transform: scaleY(.5);
                border-bottom: 1px solid #eee;
      }
      span{
          font-size: .453333rem;
      }
      .ns1{
          width: .586667rem;
          margin-left: .4rem;
          margin-right: .4rem;
      }
      .ns2{
          width: .213333rem;
          margin-right: .4rem;
          
      }
  }
}
</style>

